body{padding: 0; margin: 0; font-family: Helvetica, Arial, Verdana; font-size: 15px; text-align: center;}

ul{margin: 0; padding: 0;}

#header_2, .container, #footer_2{width: 980px; margin: 0 auto;text-align: left;}
#header{height: 164px; background: url(../i/header.jpg) repeat-x left top;}
#header_2{padding-top: 23px;}

#logo{ float: left;}
#logo{width: 466px; height: 85px;}

#contacts{height: 85px;}
#view_s{width: 220px; font-size: 13px; font-family: Verdana;}
#view_s2{width: 240px;}

.container{position: relative; overflow: hidden; min-height: 500px; padding-top: 20px;}

.vs{padding-left:20px;}
.vs, #view_s2{ float: left;}

#type_communication{list-style: none; margin: 0; padding: 0;}
#type_communication_2{padding-top: 20px; font-size: 14px;}

#type_communication li{padding-bottom: 8px;}
#type_communication_2 li{list-style: none; padding-bottom: 11px;}
.icon{width: 20px; height: 20px; float: left; margin-right: 8px;}
.icon_2{width: 25px; height: 25px; float: left; margin-right: 8px;}

#type_communication_2 li p{margin: 0;padding-top: 3px;}

#type_communication li img{display: block;float: left;padding-right: 8px;}
#type_communication li a,#type_communication_2 li a{text-decoration: none; color: #000; }
#type_communication li a, #type_communication_2 li a:hover{text-decoration: underline;}

.skype{background: url(../i/skype.png) no-repeat left top;}
.icq{background: url(../i/icq.png) no-repeat left top;}
.mail{background: url(../i/mail.png) no-repeat left top;}
.red_icq{background: url(../i/red_icq.png) no-repeat left center;}
.red_mail{background: url(../i/red_mail.png) no-repeat left center;}
.red_skype{background: url(../i/red_skype.png) no-repeat left center;}
.i_language{background: url(../i/language.png) no-repeat left top; margin-right: 20px;}

#language{list-style: none; margin: 0; padding: 0; padding-top: 2px; height: 20px;}
#language li{float: left; height: 15px; }
#language li a{width: 36px; display: block; text-align: center; text-decoration: none; color: #000; font-size: 12px;}

.active_link{background: #656565; color: #fff !important;}

.palka{width: 1px; background: #606060;}

#phone{padding-left: 40px; font-family: Verdana;}
#phone p{padding: 3px 0; margin: 0;}
#phone_blcok{margin-top: 5px;}
#img_phone{width: 28px; height: 29px; background: url(../i/phone.png) no-repeat left top; float: left;}
.kod_phone{color:#555;font-size: 11px;}
.city_phone{color: #555; font-size: 13px;}
.number{font-size: 13px; font-weight: bold;}

#header_bottom{border-top:1px solid #797979; height: 30px;}
#group{display: block;padding-left: 30px;padding-top: 4px; float: left; border-top: 1px solid #fff;padding-right: 30px;}

/* Главное меню */

#menu{list-style: none;  border-top: 1px solid #fff;}
#menu li{float: left; width: 160px; height: 30px; position: relative;}
#menu li a{display: block; font-weight: bold; padding: 7px 0; color: #2c2c2c; text-shadow: 0 1px 1px #fff; font-size: 13px; text-align: center; font-family: Verdana;}
#menu li a:hover{text-decoration: none;}

/* Левое меню */

#left_menu{margin: 0; padding: 0 0 0 15px;}
#left_menu li{margin-bottom: 8px; color: #60809b;}
#left_menu li a{color: #60809b; font-family: Verdana; font-size: 14px; text-decoration: none;}
#left_menu li:hover, #left_menu li a:hover{text-decoration: underline; color: #010101;}

/* Активные ссылки */

.active_link_menu{background:  url(../i/bg_menu.png) left top; color: #fff !important; text-shadow: none !important; position: absolute;width: 160px;top: -1px; text-decoration: none;}
.active_left_menu, .active_left_menu a{font-weight: bold; color: #006990 !important;}
.active_left_menu:hover, .active_left_menu a:hover{color: #006990 !important; text-decoration: none !important;}


#v-panel{width: 978px; height: 377px; background: url(../i/midlle.png) no-repeat left top; overflow: hidden;}

#lenta{width: 99999px; height: 277px; position: relative;}
.slide{width: 978px; height: 277px; float: left;}
.slide_img{float: left;width: 516px;padding-left: 60px;}
.slide_img img{padding-top: 25px;}
.slide_text{color: white;padding: 20px 30px 0 590px; font-size: 16px; font-family: Verdana;}

#links_panel{position: relative;}

#links_menu{list-style: none; height: 55px; padding: 0 15px; position: relative;}
#links_menu li{float: left;width: 134px;text-align: center;height: 40px;padding: 6px 12px; color: #fff;font-size: 14px; cursor: pointer; font-family: MS Sans Serif;}

#active_link{width: 158px; height: 66px; background: url(../i/icon_active.png) no-repeat left top; position: absolute;top: -11px;; left: 19px;}

.link_portfolio_2{display: block; margin-bottom: 10px;}
.link_portfolio_2 img{padding: 10px;background: #DEDEDE; border: 0;}
.link_portfolio_2 img:hover{background: #6d6d6d;}

.arrow{margin-right: 150px; height: 15px; margin-top: 10px;}

.prev{float: left; background: url(../i/arrow.png) no-repeat left top; padding-left: 17px;}
.next{float: right; background: url(../i/arrow.png) no-repeat right bottom;padding-right: 17px;}

.prev, .next{color: #006990;font-size: 11px;font-family: Verdana; padding-top: 1px;padding-bottom: 1px;}
.prev:hover, .next:hover{text-decoration: none;}


#border-top-client{background: url(../i/border_top_client.png) no-repeat center center; color: #4d4d4d; font-size: 14px; padding-left: 15px; font-family: Arial;}
#border-bottom-client{background: url(../i/border_top_client.png) no-repeat center center; height: 1px;}

#left-border-client, #left_slide{float: left;}
#right-border-client, #right_slide{float: right;}

#left-border-client, #right-border-client{width: 1px; height: 110px; background: url(../i/border_left_client.png) no-repeat center center;}
#left_slide,#right_slide{width: 15px; height: 43px; margin: 20px 15px; cursor: pointer;}

.left_slide_activ{background: url(../i/strela.png) no-repeat left bottom;}
.right_slide_activ{background: url(../i/strela.png) no-repeat right bottom;}

.left_slide_no{background: url(../i/strela.png) no-repeat left top;}
.right_slide_no{background: url(../i/strela.png) no-repeat right top;}

#clients-slider{overflow: hidden;}

#slider{list-style: none; width: 99999px;}
#slider li{float: left; width: 220px; text-align: center; height: 70px; padding: 15px 0;}
#slider li a{ text-decoration: none;}
#slider li a img{border:0;}
#slider li a p{margin: 0; padding: 0; color: #264560; font-size: 11px; font-family: MS Sans Serif;}

#service{list-style: none; height: 260px; margin-top: 20px;}
#service li{float: left;}

.type_service{width: 219px;height: 260px;padding: 0 12px;}
.type_service h2{color: #2c5273; margin: 0; font-size: 15px; font-family: Verdana;}
.type_service p{color: #1f202d; font-size: 12px; margin-top:30px; font-family: Verdana;}
.border_ul{width:1px; height: 260px; background: url(../i/border_2.png) repeat-y left top;}

#border-bottom{height: 12px; background: url(../i/border-bottom.png) repeat-x center top;}

#site_ul{list-style: none;}
#site_ul li{float: left; width: 235px; margin-left: 11px;}
.first_el{margin: 0px !important;}

.img_view_site{display: block;position: absolute;top: -13px;left: 5px;}
.view_header{width: 172px; height: 35px; background: url(../i/view_site_header.png) no-repeat left top; position: relative;text-align: center;padding-left: 65px;padding-top: 12px; color: #fff; font-size: 13px; font-family: Verdana;}
.view_body{border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc; width: 235px;}

/* Списки*/

.spisok_1{padding: 15px 30px; list-style-image: url(../i/star.png); height: 200px; }
.spisok_1 li{padding-bottom: 10px; font-size: 12px; color: #2a2a2a; font-family: Verdana;}

.spisok_2{font-family: Verdana;font-size: 13px;margin-top: 5px;margin-bottom: 10px;color: #242424; list-style: none; padding-left: 60px; margin: 20px 0;}
.spisok_2 li{margin-bottom: 5px;}

#view_site{height: 390px;}

.btn_1{text-align: center;}
.price{color: #96bd63; font-size: 28px; font-weight: bold;}
.order{display: block; width: 90px; height: 22px; background: url(../i/btn_1.png) no-repeat left top; margin: 0 auto;text-decoration: none;color: white;font-weight: bold;font-size: 14px;padding-top: 6px;padding-left: 21px;}
.order:hover{background: url(../i/btn_1.png) no-repeat left bottom; text-shadow: 0 0 6px #fff;}

#border_footer{height: 19px; background: url(../i/shadow_footer.png) no-repeat center top; border-bottom: 1px solid #adadad;}
#footer{height: 248px; background: url(../i/bg_footer.jpg) repeat-x left top;position: relative;}
#right_footer{float: right; width: 245px; position: relative;}

#center_footer{padding-right: 260px;}

#top_footer{padding-top: 20px;}
#logo_footer, #footer_menu{float: left;}

#logo_footer{display: block; width: 201px; padding-right: 120px;}
#footer_menu{list-style: none;}
#footer_menu li{padding-bottom: 2px;}
#footer_menu li a{color: #515151;color: #515151;font-size: 11px;text-decoration: none; font-family: MS Sans Serif;}
#footer_menu li a:hover{text-decoration: underline;}

#our_contacts{text-align: right; color: #515151; text-shadow: 0 1px 1px #fff; font-size: 14px;}
#footer_contacts{padding: 15px;}

#border_footer_right{width: 1px; float: left; background: url(../i/border_footer.png) no-repeat left top; height: 175px;}

#copyright{color: #515151;font-size: 12px;padding-left: 80px;position: absolute; bottom: -25px;}
#social_network{clear: left;display: block; height: 54px;}

.twitter, .facebook, .vk{ width: 37px; height: 39px; display: block; float: left;margin-top: 15px;}

.twitter{background: url(../i/twitter.png) no-repeat left top;}
.twitter:hover{background: url(../i/twitter.png) no-repeat left bottom;}

.facebook{background: url(../i/facebook.png) no-repeat left top;}
.facebook:hover{background: url(../i/facebook.png) no-repeat left bottom;}

.vk{background: url(../i/vk.png) no-repeat left top;}
.vk:hover{background: url(../i/vk.png) no-repeat left bottom;}

#left_block{float: left; width: 240px; padding-left: 30px; padding-right: 15px;}
#center_block{margin-left: 300px;padding-bottom: 50px;position: relative;padding-left: 35px;}
#center_block_2{margin-right: 370px; padding-left: 25px; margin-bottom: 80px;}

.title_portfolio h2{margin: 0 0 2px 0;font-family: Verdana;font-size: 16px;}

.working{padding: 12px;background: #D8D8D8;border: 1px solid #B5B5B5;margin-top: 15px;}

.lit_1{padding-left: 40px; font-size: 15px; font-weight: bold;}

/* Заголовки */

.title_1{font-size: 15px;font-family: Verdana;color: #F28E00;margin: 0;}
.title_2{font-size: 14px;font-family: Verdana;color: #F28E00;margin: 0; font-weight: normal;}

.content{font-family: Verdana;font-size: 13px;margin-top: 5px;margin-bottom: 30px;color: #242424;}
.content_2{font-family: Verdana;font-size: 13px;margin-top: 5px;margin-bottom: 10px;color: #242424;}

.poloska_1{position: absolute; height: 100%;}
.tran_p{background: url(../i/tran_p.png) no-repeat left top; width: 1px; height: 270px;}
.stat_p{background: url(../i/stat_p.png) repeat-y left top; width: 1px; height: 100%; margin-bottom: 280px}
.stat_r{background: url(../i/stat_p.png) repeat-y left top; width: 1px; height: 100%; margin-bottom: 280px}

#red_phone{float: left;padding-top: 8px;padding-right: 15px;}

.n2{font-size: 15px;}

.l{left: 300px;}

/* Портфолио */

.img_portfolio{float: left;border: 6px solid #fff; background: #fff; height: 93px;}
.img_portfolio:hover{border: 6px solid #D8D8D8; background: #D8D8D8;}
.img_portfolio img{box-shadow: 1px 1px 8px #686868;border: 0;}
.img_portfolio img:hover{box-shadow: 0 0 0; }
.info_portfolio{padding-left: 140px;}
.name_portfolio{font-family: Verdana;color: #006990;font-weight: bold;font-size: 13px;}
.name_portfolio:hover{color: #000; text-decoration: none;}
.description_portfolio{margin: 7px 0 12px 1px;color: #A0A0A0;font-size: 11px;font-family: Verdana;}
.link_portfolio{color: #006990;margin-right: 15px;font-size: 11px;font-family: Verdana;}
.link_portfolio:hover{color: #000; text-decoration: none;}
.block_portfolio{height: 120px; width: 630px; padding-bottom: 10px;}

.description_portfolio_2{color: #3e3e3e; font-family: Verdana; font-size: 12px; margin-right: 150px;}

#right_block{float: right; width: 330px;}
.r{right: 350px;}

#p2{float: right; margin-top: 15px;}
#p2{width: 135px;}

.bg_d{width: 235px;height: 36px;background: url(../i/bg_d.png) no-repeat;position: relative;text-align: left;padding-left: 70px;padding-top: 8px;color: white;font-size: 14px;font-family: Verdana;}
.technology{margin-top: 50px; height: 370px;}
.technology p{color: #4c6880; font-family: Verdana; font-size: 13px;}

#order_2{width: 276px; height: 470px; background: #d1dee9; margin-left: 60px; position: relative; padding: 0 62px;}
.title_order{text-align: center; margin: 0; font-family: Arial; font-weight: bold; color: #454545; font-size: 14px; padding-top: 5px;}
.icon_order{position: absolute;left: -8px;top: -14px;}
.line_block{margin-top: 10px;position: relative;}
.line_block input, .line_block textarea{width: 100%; outline: none; padding: 3px 5px; font-family: Arial; color: #686868; }
.line_block textarea{height: 125px;resize: none;}
.line_block label{font-family: Verdana; font-size: 12px; color: #353535;}

.line_block_2 label{font-size: 11px;font-family: Verdana; color: #353535; padding-top: 10px;}
.red_star{color: red; font-size: 15px;}
/*.warning{margin: 0;font-size: 10px;color: red;font-family: Verdana;position: absolute;bottom: -9px;}
.warnind_2{border: 1px solid red !important;}*/
.no_warning{border: 1px solid #a7b1ba;}
.black_w{border: 1px solid #000;}
.send{width: 119px; height: 26px; background: url(../i/btn_2.png) no-repeat left top; border:  0; font-family: Verdana; font-size: 13px; color: #fff; font-weight: bold; cursor: pointer;}
.send:hover{background: url(../i/btn_2.png) no-repeat left bottom;}
.send_block{text-align: center;position: absolute;bottom: -13px;left: 140px;}

#s_network{position: absolute;bottom: 26px;}


label.error {
       margin: 0;font-size: 10px;color: red;font-family: Verdana;position: absolute;bottom: -10px;
}
input.error {
       border: 1px solid red;
}

/*#life_chat div{background: url(../i/life_chat.png) no-repeat left top; width: 56px; height: 158px;}*/
#life_chat{background: url(../i/life_chat.png) no-repeat left top; width: 99px; height: 55px; display: block;position: fixed;top: 275px;z-index: 55;left: -10px; text-decoration: none;}
/*#life_chat:hover{background: url(../i/life_chat.png) no-repeat left bottom;}*/

.online{font-family: Verdana;font-weight: bold;font-size: 12px;color: #3CFF00;display: block;height: 20px;margin: 0;padding-top: 10px; background: url(../i/online.png) no-repeat 82px 8px;}
.offline{font-family: Verdana;font-weight: bold;font-size: 12px;color: #ff0000;display: block;height: 20px;margin: 0;padding-top: 10px; background: url(../i/offline.png) no-repeat 82px 8px;}

.chat{font-family: Verdana;font-weight: Bold;font-size: 14px;color: white;margin: 0;text-shadow: 0 -2px 1px #202020;}